.detail_banner {
	width: 100%;
	height: 430upx;
	position: relative;
	image {
		width: 690upx;
		height: 390upx;
		border-radius: 20upx;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		// box-shadow: 0px 8px 6px rgba(0,0,0,.1);

		// 		 /*考虑浏览器兼容性*/

		// -moz-box-shadow: 0px 8px 6px rgba(0,0,0,.1);

		// -webkit-box-shadow: 0px 8px 6px rgba(0,0,0,.1);
		
		box-shadow: darkgrey 0px 0px 30px 2px;
	}
}
.ta_contant {
	margin-bottom: 120upx;
	box-sizing: border-box;
}
.ta_contant_c {
	margin-bottom: 0;
}
.line {
	width: 100%;
	height:6upx;
	background-color:#999;
}
.detail_name {
	margin-top: 10upx;
	padding:0 30upx;
	box-sizing: border-box;
	border-bottom:2upx solid #e1e1e1;
	.title {
		font-size: 36upx;
		color: #333333;
		font-weight: bold;
		display: flex;
		line-height: 50upx;
		align-items: center;
		span {
			display: inline-block;
			width: 64upx;
			height: 32upx;
			font-size: 24upx;
			color: #FFFFFF;
			background-color: #8738d2;
			border-radius: 4upx;
			text-align: center;
			line-height:32upx;
			margin-right: 10upx;
		}
	}
	.group {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 74upx;
		.group_l {
			font-size: 24upx;
			color: #333333;
			display: flex;
			align-items: center;
			.icon {
				font-size: 24upx;
				height: 24upx;
			}
			image {
				width: 24upx;
				margin-left: 6upx;
				height: 26upx;
			}
		}
		.group_r {
			.ll,.fx {
				margin-left: 25upx;
				font-size: 24upx;
				display: flex;
				align-items: center;
				.ll_pic {
					width: 26upx;
					height: 20upx;
					margin-right: 6upx;
				}
				.fx_pic {
					width: 18upx;
					height: 18upx;
					margin-right: 6upx;
				}
			}
		}
	}
}
.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.line {
	width: 100%;
	height: 10upx;
	background-color: #F2F2F2;
}
.progress_bar {
	width: 600upx;
	height: 180upx;
	margin: 0 auto;
	justify-content: space-around;
	display: flex;
	align-items: center;
	.start,.end,.began {
		width:130upx;
		text-align:center;
		image {
		width: 70upx;
		height: 70upx;
		border-radius: 50%;
		}
		.info {
			color: #333;
			font-size: 28upx;
		}
		.date {
			font-size: 20upx;
			color: #999999;
			// margin-top: 6upx;
		}
	}
	.lineone,.linetwo {
		width: 55upx;
		height: 34upx;
		margin-top: -80upx;
		image {
			width: 100%;
			height: 100%;
		}
	}
}
.process {
	width: 90%;
	margin: 20upx auto;
	display: flex;
	justify-content: space-around;
	.process_start {
		text-align: center;
		.date {
			font-size: 28upx;
			color: #666;
		}
		.info {
			font-size: 24upx;
			color: #e1e1e1;
		}
	}
	}
.detail_message {
	width: 100%;
	
	.title {
		padding: 0 30upx;
		box-sizing: border-box;
		height: 60upx;
		line-height: 60upx;
		background-color: #F2F2F2;
		color: #999;
		font-size: 28upx;
	}
	.detail_info_m {
		height: 400upx;
		background-color: #FFFFFF;
		padding: 10upx 30upx;
		box-sizing: border-box;
	}
	.date,.area,.scope,.peoplenum {
		display: flex;
		align-items: center;
		white-space: nowrap;
		height: 100upx;
		.icon {
			font-size:32upx ;
			margin-right: 10upx;
		}
		span,.date_time {
			color: #333333;
			font-size: 28upx;
			margin-right: 5upx;
		}
	
		span {
			color: #999999;
			margin-right: 40upx;
		}
		.date_time {
			width: 510upx;
			border-bottom: 2upx solid #e1e1e1;
			line-height:100upx;
		}
	}
	.peoplenum .date_time {
		border-bottom: none;
	}
	.area {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.area_left {
		display: flex;
		align-items: center;
	}
	.area_right {
	display: flex;
	align-items: center;
		.icon {
			font-size: 28upx;
			color: #999;
			margin-top: -4upx;
			line-height: 28upx;
		}
	}
}
.detail_nav {
	display: flex;
	justify-content: space-around;
	.detail_nav_item {
		padding: 10upx 0;
		box-sizing: border-box;
		.detail_nav_item_name {
			font-size: 28upx;
			color: #333333;
		}
		.detail_nav_item_name_a {
			font-size: 32upx;
			color: #8839d2;
			font-weight: bold;
		}
		.detail_nav_item_line {
			width: 35upx;
			height: 4upx;
			margin: 0 auto;
			margin-top: 10upx;
			background-color: #8839d2;
		}
	}
}
// 报名参赛人员
.participant {
	width: 100%;
	height: 116upx;
	padding: 0 30upx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content:space-between;
	.participant_left {
		display: flex;
		.participant_left_img {
			position: relative;
			height: 60upx;
			image {
				position: absolute;
				width: 60upx;
				height: 60upx;
				top: 0;
				border-radius: 50%;
			}
		}
		.participant_left_i {
			margin-left: 10upx;
		}
		span {
			font-size: 28upx;
			color: #666;
			line-height: 60upx;
		}
	}
	.icon {
		font-size: 32upx;
		color: #999;
	}
}
// 底部导航栏
.bottom_nav {
	margin-top: 20upx;
	width: 100%;
	height: 100upx;
	display: flex;
	background-color: #FFFFFF;
	align-items: center;
	position: fixed;
	bottom: 0;
	z-index: 2;
	.bottom_navleft {
		flex: 1;
		height: 100upx;
		display: flex;
		align-items: center;
		border-top: 2upx solid #e1e1e1;
		box-sizing: border-box;
	}
	.share {
		width: 207upx;
		height: 40upx;
		border-right: 2upx solid #e1e1e1;
		image {
			width: 36upx;
			height: 36upx;
			margin-right: 10upx;
		}
		span {
			font-size: 28upx;
		}
	}
	.three {
		flex: 1;
		 .grade  {
			 margin: 0 auto;
			 display: flex;
			 align-items: center;
			 justify-content: center;
			.icon {
				font-size: 38upx;
				margin-right: 10upx;
			}
			image  {
				width:36upx;
				height:36upx;
				margin-right: 10upx;
			}
			.active_tj,.active_result {
				width: 34upx;
				height: 34upx;
			}
			span {
				font-size: 28upx;
				color: #333333;
			} 
		 }
	}
	.share{
		display: flex;
		align-items: center;
		justify-content: center;
		.icon {
			font-size: 28upx;
			height:28upx;
			margin-right: 10upx;
		}
		span {
			display: flex;
			height: 40upx;
			line-height: 40upx;
			font-size: 28upx;
			color: #333333;
		}
	}
	.three {
		display: flex;
		align-items: center;
	}
	.apply {
		width: 320upx;
		// background-color: #8a3bd4;
		background: linear-gradient(to right,#8838d2 0%,#bb78f9 100%);
		color: #FFFFFF;
		font-size: 32upx;
		text-align: center;
		line-height: 100upx;
	}
	.apply_no {
		background:linear-gradient(to right, #999999 0%,#e1e1e1 100%);
	}
}
.clo {
	position: absolute;
	right: 30upx;
	top: 0upx;
	.icon {
		font-size: 32upx;
		color: #999;
		font-weight: 900;
	}
}

// 弹出层样式
.singup_item {
	font-size: 32upx;
	color: #333333;
	font-weight: bold;
	line-height: 94upx;
	height: 94upx;
}

.task_content {
	width: 100%;
	// height: 205upx;
	// // height: 135upx;
	border-radius: 10upx;
	background-color: #F2F2F2;
	padding: 0 30upx;
	box-sizing: border-box;
	border: 2upx solid #e1e1e1;
	margin-bottom: 20upx;
	position: relative;
	.task_content_item {
		width: 100%;
		height: 135upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.title {
		font-size: 28upx;
		color: #000;
		// font-weight: bold;

		.top {
			max-width: 540upx;
			overflow: hidden;
			text-overflow: ellipsis;
			display:-webkit-box; //作为弹性伸缩盒子模型显示。
			-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
			-webkit-line-clamp:1; //显示的行
		}
		text {
			font-size: 24upx;
			font-weight: 400;
			margin-left: 4upx;
		}
		.bot {
				font-weight: 400;
			}
	}
	.price {
		font-size: 28upx;
		color: #000;
		font-weight: bold;
	}
	// 早鸟价
	.morning {
		position: absolute;
		width: 75upx;
		height: 30upx;
		background-color: #ff6403;
		right: 30upx;
		top: 10upx;
		font-size: 20upx;
		color: #FFFFFF;
		text-align: center;
		line-height:30upx ;
		.jt {
			position: absolute;
			right: 10upx;
			border: 6upx solid  #ff6403;
			border-right:6upx solid  transparent;
			border-left:6upx solid  transparent;
			border-bottom:6upx solid  transparent;
		}
	}
	// 审核提示
	.sinup_shen {
		position: absolute;
		left: -2upx;
		top: -2upx;
		image {
			width: 48upx;
			height: 46upx;
		}
	}

	.sinup_gou {
		position: absolute;
		display: none;
		right: -2upx;
		top: -2upx;
		image {
			width: 43upx;
			height: 40upx;
		}
	}
}
.task_content_bot {
	width: 100%;
	height: 70upx;
	border-top: 2upx solid #e1e1e1;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	display: none;
	.left {
		width: 32upx;
		height: 32upx;
		background-color: #8530e8;
		text-align: center;
		line-height: 32upx;
		color: #FFFFFF;
		font-size: 24upx;
	}
	.right {
		margin-left: 20upx;
		font-size: 24upx;
		color: #999999;
	}
}
.task_content_c {
	background-color: #f5f2f9;
	border: 2upx solid #c095e7;
	.title,.price {
		color: #8637d0;
	}
	.sinup_gou,{
		display: block;
	}
	.task_content_bot {
		display: block;
		display: flex;
	}
}
.task_content_c_c {
	border: 2upx solid #e1e1e1;
	.title,.price {
		// color: #e1e1e1;
	}
}
.task_btn {
	width: 100%;
	height: 100upx;
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #FFFFFF;
	.price {
		width: 430upx;
		height: 100%;
		border-top: 2upx solid #e1e1e1;
		box-sizing: border-box;
		font-size: 28upx;
		font-weight: bold;
		color: #8738d2;
		line-height: 100upx;
		padding-left: 30upx;
		box-sizing: border-box;
	}
	.bm {
		flex: 1;
		height: 100%;
		// background-color:#a75fe9 ;
		background:linear-gradient(to right, #8838d2 0%,#bb78f9 100%);
		font-size: 32upx;
		color: #FFFFFF;
		line-height: 100upx;
		text-align: center;
	}
	.bm_t {
		background:linear-gradient(to right, #999999 0%,#e1e1e1 100%);
	}
}
.service {
	margin-bottom: 120upx;
	.service_service {
		display: flex;
		padding: 20upx 0;
		box-sizing: border-box;
		border-bottom: 2upx solid #e1e1e1;
		overflow: hidden;
	.service_choose {
		width: 28upx;
		height: 28upx;
		margin-top: 4upx;
		border: 2upx solid #e1e1e1;
		background-color: #F2F2F2;
		border-radius: 50%;
		position: relative;
		margin-right: 10upx;
		image {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			width: 28upx;
			height: 28upx;
		}
	}
	.service_choose_item {
		display: block;
	}
	.service_contant {
		flex: 1;
		.service_contant_t {
			display: flex;
			justify-content: space-between;
			align-items: center;
			.title {
				font-size: 28upx;
				color: #333333;
				font-weight: bold;
			}
			.price {
				font-size: 28upx;
				color: #8838d2;
				font-weight: bold;
			}
		}
		.service_contant_b {
			margin-top: 10upx;
			font-size: 24upx;
			color: #999999;
			line-height: 40upx;
		}
	}
	}
	.service_service:last-child {
		border-bottom: 0;
	}
}
.uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
	padding: 0 !important;
}
// 分享弹窗
.sharepop_title {
	width: 100%;
	height: 100upx;
	background-color: #FFFFFF;
	border-top-left-radius: 20upx;
	border-top-right-radius: 20upx;
	text-align: center;
	line-height: 100upx;
	border-bottom: 2upx solid #e1e1e1;
	box-sizing: border-box;
	font-size: 28upx;
	color: #333333;
}
.sharepop_contant {
	padding: 30upx;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #FFFFFF;
	.wechat {
		width: 33.33%;
		height: 140upx;
		margin: 10upx 0;
		text-align: center;
		image {
			display: block;
			margin: auto;
			width: 90upx;
			height: 90upx;
			margin-bottom: 10upx;
		}
		.tit {
			font-size: 24upx;
			color: #333333;
		}
		button {
			padding: 0;
			border-radius: 0;
			line-height: 38upx;
			display: inline;
		}
	}
}
.sharepop_close {
	width: 100%;
	height: 100upx;
	background-color: #F2F2F2;
	color: #8530e8;
	font-size: 28upx;
	text-align: center;
	line-height: 100upx;
}